<!DOCTYPE html>
<html lang="en"
      xmlns:th=http://www.thymeleaf.org>
<head>
  <meta charset="UTF-8">
  <title>首页</title>
  <!-- =====  CSS  ===== -->
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
  <link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
  <link rel="shortcut icon" href="images/favicon.png">
  <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<div th:replace="~{template::topbar}"></div>
<div class="banner">
  <div class="main-banner owl-carousel">
    <div class="item"><a href="/toShop"><img src="images/main_banner1.jpg" alt="Main Banner" class="img-responsive" /></a></div>
    <div class="item"><a href="/toShop"><img src="images/main_banner2.jpg" alt="Main Banner" class="img-responsive" /></a></div>
  </div>
</div>
<script src="js/jQuery_v3.1.1.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/custom.js"></script>
<script src="js/jquery-ui.js"></script>
</body>
</html>